//引入Vue
import Vue from 'vue';
//引入Vuex
import Vuex from 'vuex';

// 1 : 安装插件
Vue.use(Vuex)

// 2 : 创建对象
const store = new Vuex.Store({
    // 保存状态的仓库(公用的状态)
    state: {
        counter: 0

    },
    //使用mutations来修改state里面的数据 , 实现实时跟踪
    mutations: {
        //数据相加
        add(state) {
            state.counter++;
        },
        //数据相减
        del(state) {
            state.counter--;
        },
    },
    //数据的计算属性 , 可以对数据进行操作 , 并返回到用户
    getters: {
        dataTake(state) {
            return state.counter * 2;
        }
    },
    actions: {},
    modules: {}
})

// 3 : 导出 Vuex
export default store